<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>${cmsChannel.seoTitle}-${site.title}</title>
    <meta name="keywords" content="${cmsChannel.keywords}">
    <meta name="description" content="${cmsChannel.description}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="/static/website/default/assets/images/favicon.ico" />

    <link href="/static/website/default/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="/static/website/default/assets/css/style.css" rel="stylesheet">
    <link href="/static/website/default/assets/css/main.css" rel="stylesheet">
    <link href="/static/website/default/assets/css/footer.css" rel="stylesheet">

</head>

<body>
<!-- 整站通用的头部及导航条 begin -->
<#include "/website/default/common/header.html" />
<!-- 整站内容区 begin -->

<section class="main our-case">
    <!-- 整站通用的头部及导航条 end -->
    <div id="container" class="container">
        <div class="col-md-2">
            <div class="page-menu-title">
                <h3>导航</h3>
            </div>
            <div class="page-menu-content">
                <ul>
                    <li class="current"><!---->
                        <a href="/ch/blog/index">首页推荐</a>
                        <i></i>
                    </li>
                    <li class="">
                        <a href="" target="">java</a>
                        <i></i>
                    </li>
                    <li class="last">
                        <a href="" target="">javascript</a>
                        <i></i>
                    </li>
                    <li class="last">
                        <a href="" target="">springboot</a>
                        <i></i>
                    </li>
                </ul>
            </div>
        </div>
        <div class="col-md-6">
            <div class="col-md-12">
                <div class="list_item">
                    <div id="article_list" class="contents">
                        <#if pageList.list?? && pageList.list?size gt 0>
                            <#list pageList.list as cmsArticle>
                                <div class="blog-list-detail">
                                    <h4 class="home-font"><a href="/article/detail/${cmsArticle.id}?channelId=${cmsChannel.id}" target="_blank">${cmsArticle.title}</a></h4>

                                    <div class="content">
                                        <p>${cmsArticle.description}</p>
                                        <h5><a href="/article/detail/${cmsArticle.id}?channelId=${cmsChannel.id}" title="Read more..." target="_blank">显示更多</a></h5>
                                    </div>
                                </div>
                            </#list>
                        </#if>
                    </div>
                    <div id="callBackPager">
                        <div class="pagination"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="col-md-12">
                <div class="well">
                    <h4 class="text-primary home-font">
                        博客专家
                    </h4>
                    <p>
                        <span class="fa fa-codepen fa-fw"></span> 生命本来就是一束耀眼的花火...
                    </p>
                </div>
            </div>
            <div class="col-md-12">
                <div class="thumbnail">
                    <div class="caption">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-md-6">
                                    <h4 class="text-primary home-font">
                                        博客周排行榜
                                    </h4>
                                    <p>
                                        <span class="fa fa-qq fa-fw"></span> 329795485
                                    </p>
                                    <p>
                                        <span class="fa fa-wechat fa-fw"></span> itmyhome
                                    </p>
                                    <p>
                                        <span class="fa fa-home fa-fw"></span> 北京市海淀区
                                    </p>
                                </div>
                                <div class="col-md-6">
                                    <br>
                                    <img src="${member.headPhoto}" class="img-thumbnail" width="150px;" height="80px;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="thumbnail">
                    <div class="caption">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-md-6">
                                    <h4 class="text-primary home-font">
                                        今日推荐
                                    </h4>
                                    <p>
                                        <a href="http://blog.itmyhome.com/id_number_verify/" target="_blank">JS校验身份证号</a>
                                    </p>
                                    <p>
                                        <a href="http://itmyhome.com/countdown/" target="_blank">JS实现倒计时</a>
                                    </p>
                                    <p>
                                        <a href="http://blog.itmyhome.com/grumble/" target="_blank">Tooltip控件</a>
                                    </p>
                                    <p>
                                        <a href="http://itmyhome.com/clock/" target="_blank">HTML5时钟动画</a>
                                    </p>
                                </div>
                                <div class="col-md-6">
                                    <h4 class="text-primary home-font">
                                        企业博客
                                    </h4>
                                    <p>
                                        <a href="http://ifeve.com/" target="_blank">并发编程网</a>
                                    </p>
                                    <p>
                                        <a href="http://coolshell.cn/" target="_blank">酷壳-COOLSHELL</a>
                                    </p>
                                    <p>
                                        <a href="http://blog.it2048.cn/" target="_blank">极客导航</a>
                                    </p>
                                    <p>
                                        <a href="http://blog.seoui.com/" target="_blank">Home·in peach hub</a>
                                    </p>
                                    <p>
                                        <a href="http://www.longxianwen.net/" target="_blank">资料收藏夹</a>
                                    </p>
                                    <p>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--通用页脚 begin-->
<#include "/website/default/common/footer.html" />
<!--通用页脚 end-->

<!--手机端底部 begin-->
<#include "/website/default/common/bottom.html" />
<!--手机端底部 end-->

<script src="/static/website/default/plugins/jqPaginator/jqPaginator.js"></script>
<script>
    var json={
        "total":'${pageList.totalCount}',
        "pageCurrent":parseInt('${pageList.pageCurrent}')
    };

    var pageSize = '${pageList.pageSize}';
    $.jqPaginator('.pagination', {
        totalPages: Math.ceil(json.total/pageSize),
        visiblePages: 5,
        currentPage:json.pageCurrent,
        first: '<li class="first"><a href="/ch/blog/index?page={{page}}">首页</a></li>',
        last: '<li class="last"><a href="/ch/blog/index?page={{page}}">末页</a></li>',
        prev: '<li class="prev"><a href="/ch/blog/index?page={{page}}">上页</a></li>',
        next: '<li class="next"><a href="/ch/blog/index?page={{page}}">下页</a></li>',
        page: '<li class="page"><a href="/ch/blog/index?page={{page}}">{{page}}</a></li>'
    });
</script>
</body>
